<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>使用 JavaScript 表达式</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <p>{{ 1 +1 }}</p>
    <p>{{ok?'YES':'No'}}</p>
    <p>{{message.split('').reverse().join('')}}</p>
    <div v-bind:id="'list-' + id"></div>

    <!-- 这是语句，不是表达式 -->
    {{ new Date() }}
</div>

<script>
    new Vue({
        el: '#app',
        data: {
            ok: true,
            message: 'Hello',
            id: 'test'
        }
    })
</script>
</body>
</html>